/*
 * @Author: lusx 
 * @Date: 2020-04-29 11:43:46 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-04-29 11:44:22
 */

.gv-add-wrap {
    height  : 100%;
    overflow: hidden;

    .gv_add {
        height: 100%;

        form.am-search {
            .am-search-input {
                .am-search-synthetic-ph {
                    width: 285 * @hd  !important;
                }
            }
        }

        .am-tabs {
            .am-tabs-content-wrap {
                .am-tabs-pane-wrap-active {
                    height: calc(~"100% - "45 * @hd)
                }
            }
        }

        .gv_add_content {
            display         : flex;
            align-items     : center;
            justify-content : center;
            background-color: @color-text-base-inverse;
            width           : 100%;

            .gv_add_wrap {
                width: 100%;

                .gv_add_judgePl {
                    .gv-add-NoData {
                        height     : 40 * @hd;
                        text-align : center;
                        line-height: 40 * @hd;
                    }

                    .quxiao {
                        background: @color-text-disabled;
                        color     : @color-text-base-inverse;
                        font-size : 14 * @hd;
                        // width: 120 * @hd;
                        width     : unset;
                        padding   : 0 15 * @hd;
                    }

                    .tianjia {
                        background : @brand-primary;
                        color      : @color-text-base-inverse;
                        font-size  : 14 * @hd;
                        //    width: 120 * @hd;
                        width      : unset;
                        padding    : 0 15 * @hd;
                    }

                    .my-accordion {
                        border: 0;

                        .am-accordion-item:not(:last-child) {
                            position: relative;

                            .am-accordion-header {
                                border       : 0;
                                border-bottom: 1 * @hd solid #E7E7E7;
                                margin-left  : 20 * @hd;
                                overflow     : inherit;

                                .judgeTest {
                                    color           : @color-text-caption;
                                    padding-left    : 5 * @hd;
                                    font-size       : 14 * @hd;
                                    white-space     : nowrap;
                                    text-overflow   : ellipsis;
                                    -o-text-overflow: ellipsis;
                                    overflow        : hidden;
                                }

                                svg {
                                    position: absolute;
                                    left    : -7 * @hd;
                                    top     : 14 * @hd;
                                    color   : @brand-primary;
                                }
                            }

                            .am-accordion-content {
                                padding-left: 25 * @hd;

                                .am-accordion-content-box {
                                    border: 0;

                                    .am-list-body {
                                        border: 0;

                                        .am-list-item {

                                            .am-list-line {
                                                padding-right: 0;

                                                .am-list-extra {
                                                    flex-basis : 25%;
                                                    flex       : 2 !important;
                                                    width      : 30 * @hd;
                                                    line-height: 100%;
                                                    height     : 100%;
                                                    padding    : 0;

                                                    .wrap-extra-icon-com {
                                                        padding-right: 10 * @hd;
                                                        height       : 100%;
                                                        width        : 100%;
                                                        line-height  : 100%;
                                                        display      : flex;

                                                        .extra-icon-com {
                                                            flex       : 1;
                                                            height     : 100%;
                                                            display    : block;
                                                            text-align : center;
                                                            padding-top: 12 * @hd;
                                                        }

                                                        a:-webkit-any-link {
                                                            color      : #888 !important;
                                                            margin-left: 10 * @hd;
                                                        }
                                                    }

                                                }

                                                .am-list-content {
                                                    .item-name {
                                                        height       : 100%;
                                                        padding      : 10 * @hd 0;
                                                        overflow     : hidden;
                                                        text-overflow: ellipsis;
                                                        white-space  : nowrap;
                                                    }

                                                    padding  :0;
                                                    color    :@color-text-paragraph;
                                                    font-size:14 * @hd;
                                                    flex     :7 !important;
                                                }
                                            }
                                        }
                                    }
                                }

                            }
                        }

                        .am-accordion-item:last-child {
                            position     : relative;
                            border-bottom: 1 * @hd solid #e7e7e7;

                            .am-accordion-header {
                                border     : 0;
                                margin-left: 20 * @hd;
                                overflow   : inherit;

                                .judgeTest {
                                    color           : @color-text-caption;
                                    padding-left    : 5 * @hd;
                                    font-size       : 14 * @hd;
                                    white-space     : nowrap;
                                    text-overflow   : ellipsis;
                                    -o-text-overflow: ellipsis;
                                    overflow        : hidden;
                                }

                                svg {
                                    position: absolute;
                                    left    : -7 * @hd;
                                    top     : 14 * @hd;
                                    color   : @brand-primary;
                                }
                            }

                            .am-accordion-content {
                                padding-left: 25 * @hd;

                                .am-accordion-content-box {
                                    border: 0;

                                    .am-list-body {
                                        border: 0;

                                        .am-list-item {
                                            .am-list-line {
                                                padding-right: 0;

                                                .am-list-extra {
                                                    flex-basis : 25%;
                                                    flex       : 2 !important;
                                                    width      : 30 * @hd;
                                                    line-height: 100%;
                                                    height     : 100%;
                                                    padding    : 0;

                                                    .wrap-extra-icon-com {
                                                        height       : 100%;
                                                        width        : 100%;
                                                        padding-right: 10 * @hd;
                                                        line-height  : 100%;
                                                        display      : flex;

                                                        .extra-icon-com {
                                                            flex       : 1;
                                                            height     : 100%;
                                                            display    : block;
                                                            text-align : center;
                                                            padding-top: 12 * @hd;
                                                        }

                                                        a:-webkit-any-link {
                                                            color      : #888 !important;
                                                            margin-left: 10 * @hd;
                                                        }
                                                    }

                                                }

                                                .am-list-content {
                                                    .item-name {
                                                        height       : 100%;
                                                        padding      : 10 * @hd 0;
                                                        overflow     : hidden;
                                                        text-overflow: ellipsis;
                                                        white-space  : nowrap;
                                                    }

                                                    padding  :0;
                                                    color    :@color-text-paragraph;
                                                    font-size:14 * @hd;
                                                    flex     :7 !important;
                                                }
                                            }

                                        }
                                    }
                                }

                            }
                        }

                        .am-accordion-item:last-child.am-accordion-item-active {
                            background: @fill-body;

                            .am-accordion-header {
                                background   : @fill-body;
                                border-bottom: 1 * @hd solid #e7e7e7;
                            }

                            .am-accordion-content {
                                border-bottom: 0;

                            }
                        }

                        .am-accordion-item:not(:last-child).am-accordion-item-active {
                            background: @fill-body;

                            .am-accordion-header {
                                background   : @fill-body;
                                border       : 0;
                                border-bottom: 0.5 * @hd solid #E7E7E7;
                            }

                            .am-accordion-content {
                                .am-accordion-content-box {
                                    border: 0;

                                    .am-list-body {
                                        border: 0;

                                        .am-swipe {

                                            // .am-swipe-cover{
                                            //     left:-120 * @hd !important;
                                            // }
                                            .am-swipe-actions {
                                                top          : 1 * @hd;
                                                height       : 43 * @hd;
                                                border-bottom: 0.5 * @hd solid #e7e7e7;

                                                .am-swipe-btn {
                                                    height: 42 * @hd;
                                                }
                                            }

                                            // .am-swipe-content{
                                            //     left:-120 * @hd !important;
                                            // }
                                        }

                                        .am-list-item {
                                            .am-list-line {

                                                .am-list-content {
                                                    color    : @color-text-paragraph;
                                                    font-size: 14 * @hd;
                                                }
                                            }

                                        }

                                        .am-list-item:not(:last-child) {
                                            .am-list-line {
                                                border-bottom: 0.5 * @hd solid #e7e7e7;
                                            }
                                        }
                                    }
                                }

                            }

                            .am-accordion-content-active {
                                border-bottom: 0.5 * @hd solid #E7E7E7;

                            }

                            .am-accordion-content-active:not(:last-child) {
                                .am-list-line {
                                    border-bottom: 0.5 * @hd solid #E7E7E7 !important;
                                }
                            }
                        }

                    }

                    .am-list-body div:not(:last-child) .am-list-line {
                        border-bottom: 0.5 * @hd solid #E7E7E7;
                    }
                }

                //常用流程样式控制
                .gv-add-Com {
                    .gv-add-NoData {
                        height     : 40 * @hd;
                        text-align : center;
                        line-height: 40 * @hd;
                    }

                    .quxiao {
                        background: @color-text-disabled;
                        color     : @color-text-base-inverse;
                        font-size : 14 * @hd;
                        // width: 120 * @hd;
                        width     : unset;
                        padding   : 0 15 * @hd;
                    }

                    .tianjia {
                        background : @brand-primary;
                        color      : @color-text-base-inverse;
                        font-size  : 14 * @hd;
                        //    width: 120 * @hd;
                        width      : unset;
                        padding    : 0 15 * @hd;
                    }

                    .gv-add-numIcon {
                        width        : 30 * @hd;
                        height       : 30 * @hd;
                        color        : @color-text-base-inverse;
                        border-radius: 5 * @hd;
                        text-align   : center;
                        line-height  : 30 * @hd;

                    }

                    .am-list-body {
                        border-top: 0;

                        .am-swipe {
                            background: @color-text-base-inverse;

                            .am-swipe-actions {
                                top          : 1 * @hd;
                                height       : 43 * @hd;
                                border-bottom: 0.5 * @hd solid #e7e7e7;
                                background   : @color-text-base-inverse;

                                .am-swipe-btn {
                                    height: 42 * @hd;
                                }
                            }
                        }

                        div:not(:last-child) {
                            .am-list-line {
                                border-bottom: 0.5 * @hd solid #e7e7e7;
                            }
                        }

                        div {
                            .am-list-line {
                                padding-right: 0;

                                .am-list-extra {
                                    flex-basis : 25%;
                                    flex       : 2;
                                    width      : 30 * @hd;
                                    line-height: 100%;
                                    height     : 100%;
                                    padding    : 0;

                                    .wrap-extra-icon-com {
                                        padding-right: 10 * @hd;
                                        height       : 100%;
                                        width        : 100%;
                                        line-height  : 100%;
                                        display      : flex;

                                        .extra-icon-com {
                                            flex       : 1;
                                            height     : 100%;
                                            display    : block;
                                            text-align : center;
                                            padding-top: 12 * @hd;
                                        }

                                        a:-webkit-any-link {
                                            color      : #888 !important;
                                            margin-left: 10 * @hd;
                                        }
                                    }

                                }

                                .am-list-content {
                                    padding    : 0;
                                    flex       : 7;
                                    font-size  : 14 * @hd;
                                    line-height: 20 * @hd;
                                    color      : @color-text-paragraph;

                                    .item-name {
                                        height       : 100%;
                                        padding      : 10 * @hd 0;
                                        overflow     : hidden;
                                        text-overflow: ellipsis;
                                        white-space  : nowrap;
                                    }
                                }
                            }
                        }
                    }
                }

            }

            .gv-add-NoData {
                .am-result {
                    border-bottom: 0;
                    padding-top  : 45%;
                    background   : @fill-body;
                }
            }
        }

        .gv-add-noTabs-wrap {
            height    : calc(~"100% - "45 * @hd);
            overflow-y: auto;

            .am-list {
                border-bottom: 0.5 * @hd solid #e7e7e7;
            }
        }
    }

}